<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="main.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <header>
        <!-- 页面顶部信息，不具备特别含义，使用div -->
        <div class="top_nav w1200">
            <span>2022年10月13日 星期四</span>
            <a href="#">English</a>
            <a href="#">设为首页</a>
            <a href="#">加入收藏</a>
        </div>
        <div class="logo">
            <h1 class="w1200">
                <img src="logo111.png" alt="计算机与大数据科学学院" />
            </h1>
        </div>

      </header>
      <nav class="">
        <ul class="w1200">
          <li><a href="">首页</a></li>
          <li>
            <a href="">学院概况</a>
            <ul class="sub_menu">
              <li><a href="">学院简介</a></li>
              <li><a href="">现任领导</a></li>
              <li><a href="">机构设置</a></li>
              <li><a href="">师资队伍</a></li>
            </ul>
          </li>
          <li>
            <a href=""></a>党团建设
            <ul class="sub_menu">
              <li><a href="">党团动态</a></li>
              <li><a href="">规章制度</a></li>
            </ul>
          </li>
          <li>
            <a href="">学科专业</a>
            <ul class="sub_menu">
              <li><a href=""></a>重点学科</li>
              <li><a href=""></a>专业设置</li>
            </ul>
          </li>
          <li>
            教学教务
            <ul class="sub_menu"    >
              <li>实践教学</li>
              <li>考务信息</li>
              <li><a href=""></a>毕业设计</li>
            </ul>
          </li>
          <li>
            <a href=""></a>科学研究
            <ul>
              <li><a href=""></a>科研机构</li>
              <li><a href=""></a>科研项目</li>
              <li><a href=""></a>科研论文</li>
              <li><a href=""></a>获奖情况</li>
            </ul>
          </li>
          <li>
            <a href=""></a>学生工作
            <ul>
              <li><a href=""></a>机构人员</li>
              <li><a href=""></a>学工动态</li>
              <li><a href=""></a>就业信息</li>
            </ul>
          </li>
          <li><a href=""></a>实验中心</li>
          <li><a href=""></a>下载中心</li>
        </ul>
      </nav>
      </nav>
      <main>
        <!-- bannner区 -->
        <section>
          <div class="edge"><a href="#" class="arrow">&nbsp;</a></div>
          <div class="banner"></div>
          <div class="edge"></div>
          <figure>
            <img src="" alt="">
            <figcaption>

            </figcaption>
          </figure>
          <figure>
            <img src="" alt="">
            <figcaption>

            </figcaption>
          </figure>
          <figure>
            <img src="" alt="">
            <figcaption>

            </figcaption>
          </figure>
          <figure>
            <img src="" alt="">
            <figcaption>

            </figcaption>
          </figure>
        </section>

        <section class="news t">
          <header class="w1200">
            <img src="" alt="学院新闻">
            <h2>学院新闻</h2>
            <a href="" src="" alt="更多"></a>
          </header>

          <ul>
            <li><a href="">新闻列表1</a></li>
            <li><a href="">新闻列表2</a></li>
            <li><a href="">新闻列表3</a></li>
          </ul>
        </section>
        <section class="t">
          <header class="w1200">
            <img src="" alt="通知公告">
            <h2>通知公告</h2>
          </header>

          <ul>
            <li>通知1</li>
          </ul>
        </section>
        <section>
          <h2>学工动态</h2>
          <ul>
            <li>动态1</li> 
          </ul>
        </section>
        <aside>
          <ul>
            <li>CCF</li>
            <li>教务系统</li>
            <li>高教司</li>
            <li>OA办公</li>
            <li>VR全景校园</li>
            <li>图书馆</li>
          </ul>
        </aside>
        
          <h2>专题网站</h2>
          <ul>
              <li><a href="#"><img src="./images/xuexi.cn.jpg" alt=""></a></li>
          </ul>
        </section>
      </main>
      <footer>
        <address>
          地址：前进东路551号 电话：0792-8312833（院办）邮编：332005
        </address>
        <p>版权所有：九江学院计算机与大数据科学学院</p>
      </footer>    
</body>
</html>